/**
* Dilemnia
* CSS créé le 15 fevrier 2011 par Alienor L.

TODO LIST



**/
body {
	background-color: #FFC000; /*#559933;*/
	background-image: url("../Images/bgSand.png");
	background-repeat: repeat;
	color: black;
}

h1{
	text-align:center;
	color: #00561B;
}

h2{
	color: #00561B;
	
}

/*Liens non visités*/
a {
	color: #8F467A;
	text-decoration: none;
	font-weight: bold;
}

/*Liens lorsque le curseur est dessus */
a:hover {
	color : #00561B;
	text-decoration: none;
	font-weight: bold;
}

/* *************** PLACEMENT DES DIV *********** */
div#logo {
	position: absolute;
	background-image: url('../Images/Mascote.png');
	background-repeat: no-repeat;
	width: 136px;
	height: 180px;
	margin-left: 18px;
}

div#logoDroit {
	position: absolute;
	background-image: url('../Images/MascoteDroite.png');
	background-repeat: no-repeat;
	width: 136px;
	height: 180px;
	margin-left: 1050px;
}

/* menus cotes*/
div#menu,div#login {
	position: absolute;
	padding-top: 60px;
	top: 230px;
	background-repeat: no-repeat;
}

/* div de centrage de page */
div#centreur {
	margin: 0 auto;
	width: 1200px;
}

/* banniere d'entete */
div#en_tete {
	position: relative;
	width: 800px;
	height: 100px;
	left: 200px;
	/*background-color: #226600;*/
	font-size: 50px;
	line-height: 59px;
	vertical-align: middle;
	text-align: center;
	background-image: url('../Images/dilemnia_top.png');
	background-repeat: no-repeat;
}

/* menu de droite */
div#menu {
	font-size: 12pt;
	font-family: cursive;
	background-image: url(../Images/menu.png);
	background-repeat: no-repeat;
	margin-left: -20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	width: 150px;
	height: 200px;
}

div#menu a {
	text-decoration: none;
	color: #242424;
}

/*Position de la liste des pages*/
div#menu ul{
	margin-top: 35px;
	margin-left: 15px;
}

div#menu ul li {
	list-style-image: url(../Images/epee3.png);
	margin-left: -5px;
}

div#menu ul li:hover {
	list-style-image: url(../Images/epee4.png);
}

div#menu h3 {
	margin-right: 60px;
	margin-top: -23px;
	margin-bottom: 20px;
	text-align: center;
	font-variant: small-caps;
}

/* pied de page */
div#pied_de_page {
	text-align: center;
	color: #00561b;
	bottom: 0px;
	background-image: url('../Images/dilemnia_butt.png');
	background-repeat: no-repeat;
	height: 20px;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 12px;
}

/* bloc principal */
div#corps {
	position: relative;
	left: 200px;
	width: 800px;
	min-height: 550px;
	background-color: white;
	margin-top: 10px;
	border: solid thin black;
	background-image: url('../Images/filigranne.png');
	background-repeat: no-repeat;
}

/* texte contenu dans le bloc principal */
div#contenu {
	position: relative;
	margin: 20px;
	padding: 20px;
}

div#login {
	color: black;
	font-size: 12px;
	margin-left: 1020px;
	background-image: url('../Images/aventurier.png');
	width: 200px;
	height: 200px;
	padding-left: 18px;
}

form.login {
	margin-left: -18px;
	text-align: center;
}

span.login {
	font-weight: bold;
}

div#login input {
	width: 90px;
	font-size: 10px;
}

div#login p.form {
	width: 180px;
	text-align: right;
	font-size: 13px;
}

/**** interieur de la page **/
div#titre_parag h4{
	margin-bottom: -5px;
}

div#titre_parag p{
	font-size: 11px;
	font-style: italic;
}

div#texte {
	width: 400px;
	margin-left: 200px;
}

/*texte d'un paragraphe */
div#texte p {
	font-size: 12px;
	font-family: sans-serif;
	text-align: justify;
}

div#choix {
	text-align: center;
	border: grey thin dotted;
}

div#choix a {
	color: #006105;
	font-family: sans-serif;
	margin-bottom: -4px;
	font-size: 12px; 
	display: inline;
	margin-right: 25px;
	text-decoration: none;
}

div#choix a.aecrire {
	color: red;
}

.banniere {
	text-align:center;
}

img.banniere {
	border-style:solid;
	border-width:3px;
	border-color:black;
}

/*division centrée utilisé notamment pour l'affichage des images dans le manuel*/
div#align_center {
	text-align:center;
}

/*division permettant d'afficher les résultats de requêtes comme les histoires d'un univers...
fond transparent et petite marge*/
.requete {
	background-image: url('../Images/fondBlanc.png');
	margin:10px;
	width:700px;
	text-align:justify;
}

/*division permettant d'afficher les résultats de requêtes comme les histoires d'un univers...
fond transparent et petite marge*/
div.requete {
	background-image: url('../Images/fondBlanc.png');
	margin:10px;
	width:700px;
	text-align:justify;
}


/*division permettant d'afficher des notifications*/
div#notification {
	/*background-color: #FFC000;*/
	background-image: url('../Images/fondBlanc.png');
	margin:10px;
	font-style:italic;
	text-align:center;
}

.max {
	width: 100%;
}

.pouce {
width: 30px
}

ul.no-puce {
	list-style: none;
	margin-left: 0;
	padding-left: 10px;
	text-align: left;
}
